<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                template="./../home.xhtml"
                xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://xmlns.jcp.org/jsf/html"
                xmlns:f="http://xmlns.jcp.org/jsf/core"
                xmlns:p="http://primefaces.org/ui">

    <ui:define name="content">
        <div class="col-lg-12">
            <h3 class="page-header" id="comercio">
                Administración de Pedidos
            </h3>
        </div>
        <div class="row">
            <div class="col-lg-12">
                <h:form id="frmFiltroPedido" styleClass="form-horizontal">
                    <p:panel header="Filtro de Pedidos"  toggleable="true" toggleSpeed="300">
                        <div class="row">
                            <div class="col-sm-2 col-md-1" >
                                <label class="control-label" style="font-weight: normal;text-align: right;" for="startTime">Estado: </label>
                            </div>
                            <div class="col-sm-3 col-md-2">
                                <p:selectOneMenu value="#{pedidoControlador.pedidoFiltro.estado}">
                                    <f:selectItem  itemLabel="Seleccionar" itemValue="0" />
                                    <f:selectItem  itemLabel="PENDIENTE" itemValue="2" />
                                    <f:selectItem  itemLabel="CONFIRMADO" itemValue="3" />
                                    <f:selectItem  itemLabel="ENVIO" itemValue="4" />
                                    <f:selectItem  itemLabel="CANCELADO" itemValue="6" />
                                </p:selectOneMenu>
                            </div>
                            <div class="col-sm-12 col-md-12">
                                <br />
                                <fieldset class="scheduler-border">
                                    <legend class="scheduler-border">Fecha de Registro</legend>
                                    <div class="col-md-1" style="width: 10.733333333333332%;">
                                        <label class="control-label" style="font-weight: normal;" for="startTime">Desde:</label>
                                    </div>
                                    <div class="col-md-4" style="margin-left: -25px;" >
                                        <p:calendar locale="es" navigator="true" value="#{pedidoControlador.pedidoFiltro.fechaRegistroMin}"  pattern="dd/MM/yyyy"  readonlyInput="true" />
                                    </div>
                                    <div class="col-md-1" style="width: 10.733333333333332%;">
                                        <label class="control-label" style="font-weight: normal;" for="startTime">Hasta:</label>
                                    </div>
                                    <div class="col-md-4" style="margin-left: -25px;" >
                                        <p:calendar locale="es" navigator="true" value="#{pedidoControlador.pedidoFiltro.fechaRegistroMax}" pattern="dd/MM/yyyy"  readonlyInput="true"  />
                                    </div>
                                </fieldset>
                                <fieldset class="scheduler-border">
                                    <legend class="scheduler-border">Fecha de Envio</legend>
                                    <div class="col-md-1" style="width: 10.733333333333332%;">
                                        <label class="control-label" style="font-weight: normal;" for="startTime">Desde:</label>
                                    </div>
                                    <div class="col-md-4" style="margin-left: -25px;" >
                                        <p:calendar locale="es" navigator="true" value="#{pedidoControlador.pedidoFiltro.fechaEnvioMin}"  pattern="dd/MM/yyyy"  readonlyInput="true" />
                                    </div>
                                    <div class="col-md-1" style="width: 10.733333333333332%;">
                                        <label class="control-label" style="font-weight: normal;" for="startTime">Hasta:</label>
                                    </div>
                                    <div class="col-md-4" style="margin-left: -25px;" >
                                        <p:calendar locale="es" navigator="true" value="#{pedidoControlador.pedidoFiltro.fechaEnvioMax}" pattern="dd/MM/yyyy"  readonlyInput="true"  />
                                    </div>
                                </fieldset>
                            </div>
                            <div class="col-sm-12 col-md-12">
                                <p:commandButton value="Buscar" actionListener="#{pedidoControlador.buscarFiltro}" update=":frmRolLista" />
                                
                                <p:commandButton value="Limpiar" actionListener="#{pedidoControlador.limpiarFiltro}" update=":frmRolLista" style="margin-left: 20px;" />
                            </div>
                        </div>
                    </p:panel>
                </h:form>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-12">
                <div class="panel panel-default">
                    <div class="panel-body">
                        <div class="row">
                            <div class="col-sm-2">
                                <h:panelGroup rendered="#{sesionControlador.permiso.crear eq true}">
                                    <h:button value="Nuevo Pedido" styleClass="btn btn-primary" outcome="create.xhtml" />
                                </h:panelGroup>
                            </div>
                        </div>
                        <br />
                        <h:form id="frmRolLista">
                            <f:event type="preRenderView" listener="#{pedidoControlador.initLista}" />
                            <p:dataTable  value="#{pedidoControlador.pedidos}" var="list" emptyMessage="No existen pedidos registrados"
                                          paginator="true" rows="10" lazy="true" rowIndexVar="rowIndex"
                                          paginatorTemplate="{RowsPerPageDropdown} {FirstPageLink} {PreviousPageLink} {CurrentPageReport} {NextPageLink} {LastPageLink}"   >

                                <p:column style="text-align: center;width: 8%;">
                                    <f:facet name="header">
                                        #
                                    </f:facet>
                                    <h:outputText value="#{rowIndex+1}" />
                                </p:column>
                                <p:column style="text-align: center;">
                                    <f:facet name="header">
                                        Fecha de Registro
                                    </f:facet>
                                    <h:outputText value="#{list.fechaRegistro}" >
                                        <f:converter converterId="timestampConverter" />
                                    </h:outputText>
                                </p:column>
                                <p:column style="text-align: center;">
                                    <f:facet name="header">
                                        Fecha de Envio
                                    </f:facet>
                                    <h:outputText value="#{list.fechaEntrega}" >
                                        <f:converter converterId="timestampConverter" />
                                    </h:outputText>
                                </p:column>
                                <p:column style="text-align: center;">
                                    <f:facet name="header">
                                        Cliente
                                    </f:facet>
                                    <h:outputText value="#{list.cliente.clienteComun}" >
                                    </h:outputText>
                                </p:column>

                                <p:column rendered="#{sesionControlador.empleado.tipo.id ne 1}" style="text-align: center;">
                                    <f:facet name="header">
                                        Registrado Por
                                    </f:facet>
                                    <h:outputText value="#{list.empleado.nombreCompleto}" >
                                    </h:outputText>
                                </p:column>
                                <p:column style="text-align: center;">
                                    <f:facet name="header">
                                        Estado
                                    </f:facet>
                                    <h:outputText value="#{list.estadoComun}" >
                                    </h:outputText>
                                </p:column>
                                <p:column style="text-align: center;width: 10%;">
                                    <h:panelGroup rendered="#{sesionControlador.permiso.actualizar eq true}">
                                        <p:commandButton icon="icon-update" action="#{pedidoControlador.irActualizar(list.id)}" rendered="#{list.validaPendiente}" disabled="#{list.validaEstEnvio}"/>
                                        <p:commandButton icon="icon-update-doc" action="#{pedidoControlador.irPesos(list.id)}" rendered="#{list.validaEstConfirmado}"/>
                                    </h:panelGroup>
                                    <p:commandButton icon="icon-pdf" ajax="false" action="#{pedidoControlador.exportarPDF(list.id)}"/>
                                </p:column>
                            </p:dataTable> 
                        </h:form>
                    </div>
                </div>
            </div>
        </div>
    </ui:define>

</ui:composition>
